<head>
    <meta charset="UTF-8">
    <title>车辆维修统计</title>
    <script src="../js/jquery211.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="../js/stats.js"></script>
    <script src="../js/repair_stats.js"></script>
    <script src="../js/bootstrap-paginator.js"></script>
    <script src="../js/echarts.min.js"></script>
    <script src="../js/bootstrap-select.min.js"></script>
    <script src="../js/defaults-zh_CN.min.js"></script>
    <script src="../js/bootstrap-table.js"></script>
    <script type="text/javascript" src="../js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="../css/maincss.css">
    <link rel="stylesheet" href="../css/font-awesome.css">
    <link rel="stylesheet" href="../css/bootstrap-select.min.css">
    <link href="../css/bootstrap-table.css" rel="stylesheet" />
    <link href="../css/bootstrap-datetimepicker.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/table.css">
    <link rel="stylesheet" href="../css/tab.css">
    <script>
        $(document).ready(function() {
            $('.selectpicker').selectpicker({
                size: 10
            });
        })
    </script>
</head>

<body>
<div style="height: 45px; background-color: #0f88eb">
    <li class="dropdown" style="float: right;list-style-type:none; padding-top: 7px;padding-right: 7px">
        <a class="dropdown-toggle icon-user icon-2x" data-toggle="dropdown" style="color: white;text-decoration:none"></a>
        <ul class="dropdown-menu pull-right">
            <li style="border-bottom: 1px solid #e0e0e0"><a href="user.html">用户信息</a></li>
            <li><a href="login.html">注销</a></li>
        </ul>
    </li>
</div>

<div class="container1" style="position: absolute;top:45px;width: 99%">
    <div style="height: 10px"></div>
    <div class="row" style="height: 487px">
        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" style="height: 485px">
            <embed type="text/html" src="catalog.html" style="width: 100%;height: 600px"/>
        </div>
        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" style="height: 130px">
            <div class="row" style="height: 4px">
                <h3 class="title" style="background-image:url(../img/title.png);float: left">车辆维修统计</h3>
            </div>
            <div id="searchform" class="row box" style="padding-bottom: 0;">
                <div style="clear: both;"></div>
                <label style="float: left;padding-right: 10px">时间:</label>
                <ul class="nav nav-tabs" style="float: left;position: relative;top:-4px">
                    <li id="day" class="active" style="border-right: 1px solid #cccccc">
                        <a data-toggle="tab">今天</a>
                    </li>
                    <li id="month" style="border-right: 1px solid #cccccc"i>
                        <a data-toggle="tab">最近30天</a>
                    </li>
                    <li id="year" style="border-right: 1px solid #cccccc">
                        <a data-toggle="tab">最近1年</a>
                    </li>
                </ul>
                <label style="float: left;padding: 0 10px 0 10px">自定义时间段:</label>
                <input id="min" class="riqi" style="position: relative;top:-2px;width: 120px;float: left">
                <label style="float: left;padding: 0 5px 0 5px">到:</label>
                <input id="max" class="riqi" style="position: relative;top:-2px;width: 120px;float: left">
                <button class="btn1 btn btn-primary" id="search" style="height:28px;margin-left: 10px;position: relative;top:-4px">查询</button>

                <a data-toggle="collapse" data-target="#condition" style="float: right">筛选条件</a>
                <div id="condition" class="collapse in" style="clear: both;padding: 5px 0 5px 0">
                    <label>车牌号:</label>
                    <input name="trucknumber" style="position: relative;top:2px">
                </div>
            </div>
            <div class="row box">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding :0">
                    <ul class="nav nav-tabs" style="border-bottom: 1px solid #cccccc">
                        <li class="active">
                            <a href="#data" data-toggle="tab">数据显示</a>
                        </li>
                        <li>
                            <a href="#chart" data-toggle="tab">图表显示</a>
                        </li>
                    </ul>
                    <div style="clear: both;height: 10px"></div>
                    <div id="panel" class="tab-content">
                        <div class="row box tab-pane active" id="data" style="padding-top: 0">
                            <h4 class="table_title" style="margin:0;">车辆维修统计</h4>
                            <div style="width: 100%;overflow-x: scroll">
                                <table id="table1"></table>
                            </div>
                            <div style="margin-top: 5px;">
                                <div style="margin: 0 auto;float: left" id="page1"></div>
                                <span id="total" style="float: left;color: #428bca;padding-top: 6px;font-size: 15px;margin-left: 5px">共1页</span>
                                <input id="index" style="float: left;margin-left:5px;border: 1px solid #dddddd;width: 60px;height: 35px;">
                                <button id="to" class="btn btn-primary" style="float: left;margin-left: 5px">跳转</button>
                                <select style="float: left;margin-left: 5px;height: 35px;width: 50px" onchange="change(this)">
                                    <option value="5">5</option>
                                    <option value="10" selected = "selected">10</option>
                                    <option value="15">15</option>
                                    <option value="20">20</option>
                                    <option value="50">50</option>
                                </select>
                            </div>
                        </div>
                        <div class="row box tab-pane" id="chart" style="padding-top: 0;height: 290px">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(".riqi").
    datetimepicker({
        language:  'zh-CN',
        format: 'yyyy-mm',
        autoclose: true,
        todayBtn: true,
        startView: 'month',
        minView:'month',
        maxView:'decade'
    });
</script>
</body>

</html>
